<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/datail.css">
    <script src="js/jquery-1.11.0.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/header.js"></script>
    <script src="js/datail.js"></script>
</head>

<body>
    <!-- 公用头部开始 -->
    <div id="head"></div>
    <!-- 公用头部结束 -->

    <div class="dat-container">
        <div class="dat-fix" id="datX">
            <div class="infoDatail">
                <div class="info-left">
                    <ul class="bigImg">
                        <li class="active"><img src="img/ss1.png"></li>
                        <li><img src="img/ss2.jpg"></li>
                        <li><img src="img/ss3.jpg"></li>
                        <li><img src="img/ss4.jpg"></li>
                        <li><img src="img/ss5.jpg"></li>
                    </ul>
                    <ul class="smallImg">
                        <li><img src="img/ss1.png"></li>
                        <li><img src="img/ss2.jpg"></li>
                        <li><img src="img/ss3.jpg"></li>
                        <li><img src="img/ss4.jpg"></li>
                        <li><img src="img/ss5.jpg"></li>
                    </ul>
                </div>
                <div class="info-right">
                    <div class="desc">
                        <h2>守望先锋 死神 雕像</h2>
                        <p>从阴影中降临</p>
                        <div class="pSale">
                            <div>售价：<span class="red">￥<span class="big">1499.00</span></span></div>
                            <div>服务： ·全场满88包邮 ·部分地区无法配送</div>
                        </div>
                    </div>
                    <div class="actions">
                        <div>规格：<span class="name active-sp">死神雕像</span></div>
                        <div class="num">数量：<span class="btn">-</span><span>1</span><span class="btn">+</span></div>
                        <input class="buy click" type="button" value="立即购买"> <input class="addToCart" type="button"
                            value="加入购物车">
                    </div>
                </div>
            </div>
            <!-- 评论区域 -->
            
            <!-- 评论区域结束 -->
        </div>
    </div>
    <!-- 公用底部开始 -->
    <div id="foot"></div>
    <!-- 公用底部结束 -->

    <script>
        $(function () {
            $("#head").load("header.html");
            $("#foot").load("footer.html");
        });
    </script>
</body>

</html>